import React from 'react';

const IncomeStats = ({ 
  totalIncome, 
  totalIncomeRate, 
  monthIncome, 
  monthIncomeRate, 
  toSettle 
}) => {
  return (
    <div className="income-stats">
      <div className="stat-card">
        <p className="stat-title">总收益</p>
        <p className="stat-value">{totalIncome}</p>
        <p className="stat-rate"><span className="up-arrow">↑</span> {totalIncomeRate}</p>
      </div>
      <div className="stat-card">
        <p className="stat-title">本月收益</p>
        <p className="stat-value">{monthIncome}</p>
        <p className="stat-rate"><span className="up-arrow">↑</span> {monthIncomeRate}</p>
      </div>
      <div className="stat-card">
        <p className="stat-title">待结算</p>
        <p className="stat-value">{toSettle}</p>
        <p className="settle-desc">预计15日结算</p>
      </div>
    </div>
  );
};

export default IncomeStats;
